<template>
<div   v-loading="loading"  element-loading-text="拼命努力中"  element-loading-spinner="el-icon-loading"
    element-loading-background="rgba(0, 0, 0, 0.8)">
    <!--  分割线-->
          <table border="1"  style="width: 99%;  height: 90%">

            <tr>
      <td>  <span>日志类型:</span><br/> <font class="fontcolor">{{ lop.logTypeLogname }}</font></td>
     <td>    <span>详细类别:</span><br/> <font class="fontcolor">{{ firstlist.logTypeLogname }}</font> </td>
              <td>     <span>归属人:</span><br/> <font class="fontcolor">{{ los.userRealname }}</font></td>

   </tr>


            <tr>
              <td>     <span>公开状态:</span><br/> <font class="fontcolor">{{ firstlist.joblogStatus=='Y'?'公开':'不公开' }}</font></td>
              <td>    <span>案件:</span><br/> <font class="fontcolor">{{ firstlist.caseNo }}</font></td>
              <td>     <span>客户名称:</span><br/> <font class="fontcolor">{{ firstlist.client }}</font></td>

            </tr>


            <tr>
              <td>       <span>起始时间:</span><br/> <font class="fontcolor">{{ firstlist.joblogStarttime }}至
                {{ firstlist.joblogEnddtime }}</font></td>
              <td>      <span>自报时长:</span><br/> <font class="fontcolor">{{ firstlist.joblogReportedtime }}</font></td>
              <td>     <span>更新日期:</span><br/> <font class="fontcolor">{{ firstlist.joblogEnddtime }}</font></td>

            </tr>


            <tr>
              <td colspan="3">       <span >相关附件:</span><br/><font color="blue">下载附件</font></td>
            </tr>


            <tr>
              <td  colspan="3">      <span>备注:</span><br/>{{ firstlist.joblogText }}</td>
            </tr>
          </table>




        </div>

</template>

<script>
export default {
  name: "LogJobchakan",
  data() {
    return {
      firstlist: {},
        los:{ userRealname :JSON.parse(localStorage["user"])[0].userRealname}
        ,lop:{},    loading: true
    }
  },
  methods: {
    //根据id渲染所需要的数据
    fu(){
      this.$http.post('/logJob/chakan', { 'jobid':this.$route.query.jobid})
          .then(res =>{  this.firstlist=res.data.data[0]
            //根据id渲染他的爹
            this.$http.post('/logJob/rizhileixing', { 'logTypePid':this.firstlist.logTypePid})
                .then(res =>{  this.lop=res.data.data[0]
                this.loading=false;
                  //console.log(this.lop);
                })
          })
    }
  },created() {
      this.fu()
  }
}
</script>

<style scoped>
table{
   border: 1px solid white;
  border-collapse:collapse;border:none;
}
</style>